import './assets/main.css'
import { createApp } from 'vue'
import App from './App.vue'
// 1. 引入你需要的组件
import { Button,Dialog,Divider,Tag,ActionBar, ActionBarIcon, ActionBarButton,
    Icon,Space,Tabbar, TabbarItem,Toast ,Form,Field,Swipe, SwipeItem,
    Empty ,Cell, } from 'vant';

// 2. 引入组件样式
import 'vant/lib/index.css';
import router from './router';
//引入axios的配置
import axios from './utils/axios';
//引入mock
import './mock'
// 引入 pxTorem
import 'amfe-flexible'

const app =createApp(App)
// 3. 注册你需要的组件
app.use(Button);
app.use(Dialog);
app.use(Divider);
app.use(Tag);
app.use(ActionBar);
app.use(ActionBarIcon);
app.use(ActionBarButton);
app.use(Icon);
app.use(Space);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Toast);
app.use(Form);
app.use(Field);
app.use(Swipe);
app.use(SwipeItem);
app.use(Empty);
app.use(Cell)
//挂载路由
app.use(router)
//将axios挂载到vue的实例化对象上
app.config.globalProperties.$axios = axios
app.mount('#app')
